<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>OJ back-stage</title>
    <meta name="description" content="with selectable items(single &amp; multiple) and custom icons" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/chosen.css" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/jquery-ui.custom.datepicer.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/ace.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/assets/css/animate.min.css" />

    <script src="__PUBLIC__/js/date/WdatePicker.js"></script>

    <link rel="stylesheet" href="__PUBLIC__/assets/css/cig.css" />
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="__PUBLIC__/assets/css/ace-part2.min.css" />
    <![endif]-->
    <!--<link rel="stylesheet" href="__PUBLIC__/assets/css/ace-skins.min.css" />
            <link rel="stylesheet" href="__PUBLIC__/assets/css/ace-rtl.min.css" />-->

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="__PUBLIC__/assets/css/ace-ie.min.css" />
    <![endif]-->

    <script src="__PUBLIC__/assets/js/ace-extra.min.js"></script>

    <!--[if lte IE 8]>
    <script src="__PUBLIC__/js/html5shiv.js"></script>
    <script src="__PUBLIC__/assets/js/respond.min.js"></script>
    <![endif]-->
    <!--<script src="__PUBLIC__/js/jquery.min.js"></script>-->
    <!--<script src="__PUBLIC__/js/bootstrap.min.js"></script>-->

</head>

<body class="no-skin">
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>
    <div id="sidebar" class="sidebar responsive">
        <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
        </script>
        <div class="rq-logo">
            <a class="navbar-brand" href="{:U('Index/index')}">
                <span>OJ-Backstage</span>
            </a>
        </div>
        <ul class="nav nav-list">
            <foreach name="menus" key="m_k" item="m_val">
                <li <if condition="$action eq $m_k"> class="active"</if> >
                    <a href="{$m_val['url']}" <notempty name="m_val.list"> class="dropdown-toggle"</notempty> >
                        <i class="menu-icon {$m_val['label']}"></i>
                        <span class="menu-text">{$m_val.name}</span>
                        <notempty name="m_val.list">
                            <b class="arrow fa fa-angle-down"></b>
                        </notempty>
                    </a> <b class="arrow"></b>
                    <notempty name="m_val.list">
                        <ul class="submenu">
                            <foreach name="m_val.list" key="sub_k" item="sub_val">
                                <li class="">
                                    <a href="{$sub_val['url']}">
                                        <i class="menu-icon fa fa-caret-right"></i>{$sub_val.name}</a>
                                    <b class="arrow"></b>
                                </li>
                            </foreach>
                        </ul>
                    </notempty>
                </li>
            </foreach>
        </ul>
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
    </div>
    <div class="main-content">

        <div class="breadcrumbs td-navbar" id="breadcrumbs">
            <script type="text/javascript">
                try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
            </script>
            <div class="btn-group pull-right">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-user"></i>
                    <span class="hidden-sm hidden-xs">hello {$session.USER.nickname|default=$session['USER']['user_id']}</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="{:U('User/loginOut')}">退出</a></li>
                </ul>
            </div>

            <!-- /.breadcrumb -->
        </div>